<template>
  <div class="container">
    <MyNavHead>约看</MyNavHead>
    <Tabs :titleData="titleData">
      <template v-slot:content1>
        <Content :listData="list" />
      </template>
    </Tabs>
  </div>
</template>

<script>
import Content from "./Content.vue";
import MyNavHead from '../../components/MyNavHead'
import Tabs from "./tabs/Tabs";
import api from "../../api";
export default {
  name: "Collect",
  components: {
    Tabs,
    Content,
    MyNavHead
  },
  data() {
    return {
      titleData:["未完成的预约","已完成的预约"],
      list: [],
    };
  },
  methods: {
    houseCollectHttp() {
      api.getOrderLook().then((res) => {
        // console.log(res.data.list);
        this.list = res.data.list;
      });
    },
    getText(title) {
      if (title === "未完成预约") {
        // this.houseCollectHttp();
      }
    },
  },
  mounted() {
    this.houseCollectHttp();
  },
};
</script>

<style scoped lang='less'>
.container {
  background-color: #f1f1f1;
}
</style>